@charset "utf-8";

html, body, div, p, span, label, img, a, ol, ul, dl, dt, dd, li, table, tr, td, th, tbody, thead, tfoot, form, fieldset, legent, h1, h2, h3, h4, h5, h6, strong, b, em, blockquote, cite, pre, code, hr, br, input, button, textarea,article, aside, details, figcaption, figure, footer, header, group, menu, nav, section { padding:0px; margin:0px; }
a { border:0 none; cursor:pointer; }
ol, ul { list-style-type:none; }
em,i{ font-style:normal;}
a:link, a:visited { text-decoration:none; }
.clearfix:after{clear:both; content:""; display:block; height:0; visibility:hidden; line-height:0;}
.clearfix { zoom:1; }
.clear { clear:both; height:0; width:0; display:block; visibility:hidden; overflow:hidden;}
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.block{ display:block;}
.hidden{ display:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1em; }

body{ font-family:"Microsoft yahei", "SimHei"; color:#fff;}
#wrap{ position:relative; width:100%; min-width:1014px;/* min-height:768px;*/ height:768px; overflow:hidden;}
#whole{ width:910px; height:auto; margin:0 auto; position:relative; z-index:2;}
#header{ padding-top:25px;}
.word-scroll{ width:580px; height:96px; background:url(sc_bg.png) center 0 no-repeat;}
.scrollbox{ width:440px;}
.padleft60{ padding-left:60px;}
.word-list{ width:700px; height:96px; position:relative}
.word-list li{ width:100%; height:84px; padding-top:10px; font-size:24px; text-align:center; line-height:38px; position:absolute; overflow:hidden;}
.num-impor{ display:block; font-size:36px;}
.num-t{ padding:14px 15px; height:67px; width:106px; text-align:center; background:url(top_line.png) left center no-repeat;}
.num-t p{ /*font-weight:bold;*/ text-align:center; line-height:35px;}
.num-t em{ display:block; font-size:24px;}
.num-t span{font-size:18px;}
.reserved{ width:96px; height:96px; cursor:pointer; text-align:right;}

#container{ width:910px; height:555px;/* padding-top:15px;*/ padding-right:8px; overflow:hidden;}
.con-inner{ margin-top:15px;}
.user-list{/* width:880px;*/}
.user-list li{/* width:878px;*/ height:253px; margin-bottom:20px; border-radius:3px; position:relative;}
.user-list li.t-row{ height:166px; margin-bottom:15px;}
.userimg{ position:relative; margin:35px 0 0 40px;}
.head{ display: inline-block; width:90px; height:90px; border:2px solid #fff;}
.head{ text-align:center; line-height:90px; color:#fff; font-size:30px;}
.head.bg-purple{ border-color:#c289ce;}
.head.bg-orange{ border-color:#f29f81;}
.head.bg-yellow{ border-color:#cccf80;}
.cont-box{ padding-top:20px; width:710px; max-height:224px; overflow:hidden; margin-left:25px; position:relative;}
.c-word{ min-height:100px;}
.wid-lim{ width:530px;}
.user-name{ font-size:30px; display:inline-block; width:690px; height:38px; line-height:38px; overflow:hidden;}
.cont{ display:block; word-break:break-all; word-wrap:break-word; max-height:165px; overflow:hidden; }
li.t-row .with-map{ position:absolute; top:26px; right:0; max-width:158px;}
.btn-detail{ width:70px; height:100%; position:absolute; top:0; right:0; z-index:2; cursor:pointer; display:none;}
.btn-style{ width:100%; height:100%; background:url(curr-bg.png) 0 0 repeat-y;}
.icon-arrow{ display:inline-block; width:16px; height:31px; background:url(curr-arrow.png) 0 0 no-repeat; position:absolute; top:45%; right:20px;}
.t-row .icon-arrow{ top:41%;}
.t-row .cont-box{ max-height:135px;}
.t-row .cont{ max-height:98px;}
.status-star{ display:block; background:url(icon-star.png) no-repeat; width:68px; height:69px; position:absolute; top:-7px; right:-8px; z-index:1;}

/*消息弹层*/
.container-msg{ width:910px; height:530px; overflow:hidden; position:absolute; top:145px; left:50%; background:rgba(255,255,255,0.8); margin-left:-455px; z-index:10001;}
.container-msg .con-inner{ margin:0px;}

#footer{ padding-top:10px; position:relative; z-index:10002;}
.left-bottom{}
.code-bottom{}
.code-wrap{ display:inline-block; width:50px; height:50px; cursor:pointer; overflow:hidden;}
.wntcbox{ line-height:24px; font-size:18px; margin-left:10px; text-shadow:1px 1px 1px rgba(0,0,0,.7);}
.account-name{ display:block; color:#ffff00;}

.btn-wrap3{ position:relative; padding-top:10px;}
.prodres-box{ width:50px; height:50px; position:absolute; right:75px; right:92px; top:2px; z-index:-1;}
/*.btn-popup{ position:absolute; top:-154px; left:8px; width:428px;  height:150px; background:#fff; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,.3);}*/
.icon-arrow2{ position:absolute; left:50%; bottom:-12px; margin-left:-75px; display:inline-block; width:0; height:0; font-size:0; border:6px dashed transparent; border-top:6px solid #fff;}





/*--滚动条--*/
::-webkit-scrollbar{ width:0px; height:0px; background-color:#000;}
::-webkit-scrollbar:hover{ background-color:#000; }
::-webkit-resizer{}
::-webkit-scrollbar-thumb{ -webkit-border-radius:1px; background-color:#000; height:1px; }
::-webkit-scrollbar-thumb:hover{ background-color: #000;}
::-webkit-scrollbar-thumb:active{ background-color:#000;}


/*-------抽奖弹层-------*/
.fl-lottery{position:absolute; top:135px; left:0; z-index:9;}
.inner-cont{ padding:25px 25px 0;}
.prize-box{/* width:325px;*/ height:512px; position:relative;}
.props{ display:block; width:323px; height:16px; border-radius:3px; box-shadow:inset -1px 1px rgba(204,204,204,.3);}
.outer-prize{/* width:311px;*/ height:493px; position:absolute; top:8px; left:6px;}
.wrap-prize{ width:311px; height:493px; background:#fff; position:relative; box-shadow:inset 0 5px 6px rgba(102,102,102,.5), 0 2px 6px rgba(0,0,0,.4);}
.wrap-prize:before,.wrap-prize:after{content: ""; position:absolute; z-index:-1; bottom:15px; left:5px; width:50%; max-width:155px; height:20%; -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 15px 10px rgba(0,0,0,0.5); box-shadow:0 15px 10px rgba(0,0,0,0.5); -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
.wrap-prize:after{ right:5px; left:auto; -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg);}
.list-top{ height:48px; padding:0 12px; line-height:50px; color:#7b7b7b; font-size:18px; border-bottom:1px solid #e8edf1;}
.pro-num{ font-size:13px; color:#595959;}
.pro-num em{ display:inline-block;color:#7b7b7b; font-style:normal; padding:0 5px; font-size:18px; font-weight:bold; font-family:Arial;}
.list-box{}
.list-tit{ width:100%; height:36px; line-height:36px; font-size:15px; color:#343434; border-bottom:1px solid #e8edf1; overflow:hidden;}
.list-tit span{ display:inline-block; text-align:center;}
.list-tit span:first-child{ width:90px;}
.list-tit span:last-child{/* padding-left:60px;*/ width:200px;}
.priname-box{ height:352px; width:100%; overflow-y:scroll;}
.priname-box::-webkit-scrollbar{ width:3px; height:352px; background-color:rgba(255,255,255,0);}
.priname-box::-webkit-scrollbar:hover{ background-color:rgba(255,255,255,0); }
.priname-box::-webkit-resizer{}
.priname-box::-webkit-scrollbar-thumb{ -webkit-border-radius:3px; background-color:#666; height:1px; }
.priname-box::-webkit-scrollbar-thumb:hover{ background-color: #666;}
.priname-box::-webkit-scrollbar-thumb:active{ background-color:#666;}
.prize-list{}
.prize-list li{ height:50px; line-height:50px; border-bottom:1px solid #eee; position:relative; overflow:hidden;}
.head-part{ height:50px; position:relative;}
.head-part a{/* margin-left:30px;*/ display:inline-block; width:50px; height:50px;}
.head-part a img{ width:100%; height:100%;}
.num-p{ display:inline-block; height:50px; width:35px; vertical-align:top; text-align:center;}
.num-p em{ display:inline-block; min-width:15px; height:15px; text-align:center; line-height:15px; background:#878787; border-radius:2px; color:#fff;font-family:Arial; font-size:12px; vertical-align:middle;}
.nick-name{ display:inline-block; padding-left:30px; width:178px; overflow:hidden; color:#7b7b7b; font-size:20px;}
.lottery-box{ width:500px; height:500px; border:1px solid rgba(255,255,255,.4); box-shadow: inset 0 0 5px rgba(255,255,255,.4), 0 0 5px rgba(0,0,0,.4); background:-webkit-linear-gradient(235deg, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 60%); background:-moz-linear-gradient(235deg, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 60%); background:-o-linear-gradient(235deg, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 60%); position:relative;}
.box-ltop{ width:500px; height:75px; background:url(ftit-bg.png) center bottom no-repeat; position:relative;}
.lott-wt{ display:inline-block; height:36px; line-height:36px; padding-left:50px; background: url(icon-lottery.png) 0 center no-repeat; font-size:26px; position:absolute; top:25px; left:42px; text-shadow:0 0 6px rgba(0,0,0,.5);}
.lott-w{ position:absolute; bottom:6px; right:25px;/* font-family:Arial; */}
.lott-w span{ display:inline-block;/* text-indent:-999em;*/}
.join-num{font-size:22px; font-weight:bold; margin-left:5px;}
.rock-box{ padding-top:60px; overflow:hidden;}
.rock-head{ display:block; width:178px; height:178px; border:1px solid #dbdbdd; margin:0 auto; position:relative; cursor:pointer;}
.rock-head::before{content:""; position:absolute; width:100%; height:100%; box-shadow:inset 1px 1px 5px rgba(0,0,0,.4);}
.rock-name{ display:block; height:56px; line-height:56px; text-align:center; font-size:24px;}
.btn-rock{ text-align:center;}
.btn-rock a{ color:#fff; font-size:26px; display:inline-block; width:253px; height:50px; line-height:50px; text-align:center;/* font-family:"幼圆"; font-weight:bold;*/}
.und-btn{ text-align:center; padding:10px 0;}
.del{ display:none; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; font-weight:bold; background:#afaeaf; border-radius:10px; font-size:18px; position:absolute; top:15px; right:10px;}

/*--新增一次所抽人数可选择--*/
.btn-clear{ padding:36px 35px 0;}
.choose-num{ float:left; height:55px; line-height:55px;}
.choose-num select{ width:55px; padding:2px; border-radius:3px; border:1px solid #999;}

/*--带奖项的抽奖（康泰）--*/
.award-lottery{ top:180px;}
.award-lottery .fl-inner{ box-shadow:none;}
.award-lottery .inner-cont{ padding:25px 0 0;}
.award-lottery .lottery-box{ float:left; width:368px; height:368px;}
.award-lottery .box-ltop{ width:auto; height:44px; background-size:auto 100%; margin-top:10px;}
.award-lottery .lott-wt{ top:8px; left:30px; height:28px; line-height:28px; background-size:auto 100%; font-size:18px; padding-left:36px;}
.award-lottery .lott-w{ font-size:12px;}
.award-lottery .join-num{ font-size:16px;}
.award-lottery .rock-box{ padding-top:30px;}
.award-lottery .rock-head{ width:130px; height:130px;}
.award-lottery .rock-head img{ width:100%; height:100%;}
.award-lottery .rock-name{ height:46px; line-height:46px; font-size:18px;}
.award-lottery .btn-clear{ padding:0;}
.award-lottery .choose-num{ height:30px; line-height:30px; margin:0 auto 10px; width:160px; float:none;}
.award-lottery .btn-rock a{ width:220px; height:44px; line-height:44px; font-size:20px;}
/*----*/
/*.award-lottery .prize-list li{ height:40px; line-height:40px;}*/
.award-lottery .head-part{ height:40px;}
.award-lottery .head-part a{ width:40px; height:40px;}
.award-lottery .num-p{ height:40px; width:30px;}
.award-lottery .nick-name{ padding-left:20px; width:50px; font-size:16px; overflow:hidden;}
.award-lottery .winUserName{ width:125px;}
.award-lottery .list-tit span{ font-size:12px;}
.award-lottery .list-tit span:first-child{ width:75px;}
.award-lottery .list-tit span:nth-child(2){ width:50px;}
.award-lottery .list-tit span:last-child{ width:100px;}
.award-lottery .tel{ font-size:14px; color:#7b7b7b; margin-left:5px; width:100px; text-align:center;}
.award-lottery .wrap-prize{ width:240px;}
.award-lottery .del{ top:10px;}
.award-lottery .props{ width:252px; height:14px;}
.award-lottery .priname-box{ height:245px;}
.award-lottery .und-btn{ padding:5px 0;}
.award-lottery .und-btn a{ height:28px; line-height:28px; font-size:14px;}
.award-lottery .list-top{ height:36px; line-height:38px; font-size:16px;}
/*----*/
.award-lottery .prize-left{ float:left; width:270px; margin-right:10px; border:1px solid rgba(255,255,255,.4); box-shadow: inset 0 0 5px rgba(255,255,255,.4), 0 0 5px rgba(0,0,0,.4); background:-webkit-linear-gradient(235deg, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 60%); background:-moz-linear-gradient(235deg, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 60%); background:-o-linear-gradient(235deg, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 60%);}
.award-lottery .lott-wt2{ background:none;}
.award-lottery .prize-show{ padding-bottom:0px;}
.award-lottery .with-map3{ width:195px; height:147px; margin:30px auto;}
.award-lottery .with-map3 img{ width:100%; height:100%;}

.award-lottery .with-intro{ padding:0 15px; height:68px; /*line-height:1.7;*/ line-height: 1.5; font-size:17px; text-align:center; }


  
@-webkit-keyframes zhuan{
 0%{ opacity:1;}
 50%{ opacity:0.5;}
 100%{ opacity:1}
}

@-webkit-keyframes mymove
{
  0% { width:570px;}
  50% { width:520px;}
  100%{ width:570px;}
}

.img-like img{ -webkit-animation:mymove 1s infinite;}


@media screen and ( max-device-height:720px){
     #wrap{ height:720px;}
     #footer{ margin-top:-17px;}
}

@media screen and ( min-device-height:800px) {
     #wrap{ height:800px;}
}

@media screen and ( min-device-height:900px) {
     #wrap{ height:900px;}
}

@media screen and ( min-device-height:1080px) {
     #wrap{ height:1080px;}
}

@media screen and ( min-device-height:1200px) {
     #wrap{ height:1200px;}
}



body{ background:#fff;}

/*#wrap{ background:url(bg.jpg) center 0 no-repeat; background-size:cover;}*/

.word-list,.num-t{ color:#fff;}

.reserved img{ max-width:96px;}
.con-inner{ overflow:hidden;}
.user-list li{ border:1px solid #aad637; border-radius:10px; background:rgba(251,238,244,0.8); background-size:100% auto; box-shadow:0px 5px 5px rgba(178,178,171,0.5);}

.cont-box, .user-name, .cont-box a{ color:#3c513d;}
.cont-box a{ color:#3c513d;}



/*现场抽奖*/
.fl-lottery .fl-inner{ background:none;}
.und-btn a{ display:inline-block; width:79px; height:33px; line-height:33px; text-align:center; color:#fff; margin-left:5px;}
.props-color{ background:-webkit-linear-gradient(top , #980000 ,#980000); background:-moz-linear-gradient(top , #980000 ,#980000); background:-o-linear-gradient(top , #980000 ,#980000); box-shadow: inset -1px 1px rgba(204,204,204,.2)}
.lott-w span,.rock-name,.join-num,.choose-num{ color:#ffffff;}
.und-btn a,.btn-color,.btn-start{border:1px solid #980000; border-radius:4px; background:-moz-linear-gradient(top , #980000, #980000); background: -webkit-linear-gradient(top , #980000, #980000); background:-o-linear-gradient(top , #980000, #980000);}
.und-btn a:hover,.btn-color:hover,.btn-start:hover{ background:-moz-linear-gradient(top , #980000, #980000); background:-webkit-linear-gradient(top , #980000, #980000);background:-o-linear-gradient(top , #980000, #980000);}
